@import '../../scss_variables.scss';

.EntitySelect {
    min-width: 180px;

    .invalid {
        border: 1px solid var(--color-false);
        border-radius: var(--border-radius-sm);
    }

    .entity-list {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
        margin-bottom: 8px;

        .Tag {
            margin-left: 0 !important;
            font-size: var(--xxsmall-text-size);
        }
    }
}

.OptionWithDesc {
    &:not(&:hover) {
        .OptionWithDesc-desc {
            @include ellipsis(2);
        }
    }
}
